@length: {
  0: 0px;
  2: 2px;
  4: 4px;
  6: 6px;
  8: 8px;
  10: 10px;
  12: 12px;
  14: 14px;
  16: 16px;
  18: 18px;
  20: 20px;
  22: 22px;
  24: 24px;
  26: 26px;
  28: 28px;
  30: 30px;
  34: 34px;
  50: 50px;
  60: 60px;
  65: 65px;
  80: 80px;
  90: 90px;
  100: 100px;
  110: 110px;
  120: 120px;
  150: 150px;
  180: 180px;
  200: 200px;
  250: 250px;
  240: 240px;
  280: 280px;
  300: 300px;
};
@lengthP: {
  100: 100%;
  95:94%;
  85:85%;
  80:80%;
  70: 70%;
  73: 73%;
  75: 75%;
  50: 50%;
  55: 55%;
  43: 43%;
  25: 25%;
  20: 20%;
  32: 32%;
};
@direction: {
  r: right;
  b: bottom;
  l: left;
  t: top;
  c: center;
};
@axle: {
  row: row;
  col: column;
}
@color: white, black, gray, azure, deepskyblue;
@themColor: rgb(0, 122, 229);
@display: block, inline-block, inline, grid, flex;
@overflow: hidden, scroll, visible, auto;
@flexDirection: center, space-around, space-between, start, end;
